<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>代约私教</title>
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0.maximum-scale=1.0,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/homePage.css">
    <link rel="stylesheet" href="css/flexible.css">
    <script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/flexible.js"></script>
	<script src="js/comment.js"></script>
</head>
<body>
<div class="container_box">
    <header>
        <div class="search bar3" style="width:100%;">
            <form>
                <input type="text" placeholder="搜索会员姓名/手机号码...">
                <button type="search"><img src="images/search.png"></button>
            </form>
		</div>
    </header>

    <div class="group_details group_details_state clearfix">
        <div class="fl head_card">
            <img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
        </div>
        <div class="spinning_txt fl content_right">
            <p class="margin_bottom">
                <span>曲婷婷</span>
                <span class="spinning_txx"><img src="images/man.png"></span>
            </p>
            <p style="margin-bottom: 0.1rem;">
                <span class="spinning_name">17690821390</span>
        </div>
	</div>
	<div class="group_details group_details_state clearfix">
			<div class="fl head_card">
				<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
			</div>
			<div class="spinning_txt fl content_right">
				<p class="margin_bottom">
					<span>曲婷婷</span>
					<span class="spinning_txx"><img src="images/woman.png"></span>
				</p>
				<p style="margin-bottom: 0.1rem;">
					<span class="spinning_name">17690821390</span>
				</p>
			</div>
		</div>
		<div class="group_details group_details_state clearfix">
				<div class="fl head_card">
					<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
				</div>
				<div class="spinning_txt fl content_right">
					<p class="margin_bottom">
						<span>曲婷婷</span>
						<span class="spinning_txx"><img src="images/woman.png"></span>
					</p>
					<p style="margin-bottom: 0.1rem;">
						<span class="spinning_name">17690821390</span>
					</p>
				</div>
			</div>
			<div class="group_details group_details_state clearfix">
					<div class="fl head_card">
						<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
					</div>
					<div class="spinning_txt fl content_right">
						<p class="margin_bottom">
							<span>曲婷婷</span>
							<span class="spinning_txx"><img src="images/woman.png"></span>
						</p>
						<p style="margin-bottom: 0.1rem;">
							<span class="spinning_name">17690821390</span>
						</p>
					</div>
				</div>
</div>
<div class="footer_bar">
		<ul class="clearfix">
			<li>
				<a href="javascript:void(0);" class="first_a">
					<p style="color: #333346;">首页</p>
				</a>
			</li>
			<li>
				<a href="javascript:void(0);" class="second_a">
					<p>代约团课</p>
				</a>
			</li>
			<li>
				<a href="javascript:void(0);" class="thrid_a foot_active">
					<p>代约私教</p>
				</a>
			</li>
			<li>
				<a href="javascript:void(0);" class="four_a">
					<p>我的会员</p>
				</a>
			</li>
		</ul>
	</div>
</body>
<script>
	$(".quit").on('click',function(){
		$(".logo").toggle();
	})
</script>
</html>